<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:winter="http://www.winter.org"
	xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="/layouts/layout">
<head>
	<title>Priva - Clientes</title>
</head>
<body>
	<section layout:fragment="content">
		<winter:output id="ClientesOutput">
			<form id="ClientesForm" th:object="${clientes}" class="form">
				<div id="BarraClientes" class="headerbar" th:if="${clientes.context.lista}">
					<div class="form-title" th:text="@{'Clientes'}">Clientes</div>
						<winter:ajaxsubmit 
							id="@{'AgregarCliente'}" 
							form="ClientesForm"
							url="@{'/clientes/agregarCliente'}" 
							update="ClientesOutput"
							value="Agregar Cliente"
							object="clientes"
							effect="fade"
							showstatus="true"
							class="btn btn-cyan"
							immediate="true">
						</winter:ajaxsubmit>
				</div>			
				<div th:text="#{mensaje.clientes.vacio}" class="info-message" th:if="${!clientes.context.cliente and #lists.isEmpty(clientes.clientes)}">
				</div>
				<winter:output id="TablaClientes">
					<winter:datatable 
						id="ListaClientes"
						customLanguage="true"
						paginate="true"
						jQuery="true"
						retrieve="true"
						emptyTableText="No se encontraron Datos!"
						infoText="Mostrando _START_ al _END_ de _TOTAL_ registros"
						emptyTableInfoText="Mostrando 0 al 0 de 0 registros"
						searchText="Buscar"
						lengthMenu="Mostrar _MENU_ registros"
						if="${clientes.context.lista and !#lists.isEmpty(clientes.clientes)}">
						<thead>
							<tr>
							    <th th:text="@{'Id'}"></th>
							    <th th:text="@{'Nombres'}"></th>
							    <th th:text="@{'Apellidos'}"></th>
							    <th th:text="@{'Tipo'}"></th>
							    <th th:text="@{'Fecha Nacimiento'}"></th>
							    <th th:text="@{'Sexo'}"></th>
							    <th th:text="@{'Estado Civil'}"></th>
								<th th:text="@{'Nupcia'}"></th>
								<th th:text="@{'Pais'}"></th>
								<th th:text="@{'Profesion'}"></th>
								<th th:text="@{'Email'}"></th>
								<th th:text="@{'Escribano?'}"></th>
								<th th:text="@{'Activo?'}"></th>
								<th th:text="@{'Nro. Registro'}"></th>
								<th th:text="@{'Cliente Activo?'}"></th>
								<th th:text="@{'Operaciones'}"></th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="clienteItem, rowStat : ${clientes.clientes}" style="line-height: 2em;">
								<td th:text="${clienteItem.persona.id}" class="align-center"></td>
								<td th:text="${clienteItem.persona.nombresRazon}" class="align-center"></td>
								<td th:text="${clienteItem.persona.apellidos}" class="align-center"></td>
								<td th:text="${clienteItem.persona.tipoPersona}" class="align-center"></td>
								<td th:text="${#dates.format(clienteItem.persona.fechaNacimientoCreacion, 'dd/MM/yyyy HH:mm:ss')}" class="align-center"></td>
								<td th:text="${clienteItem.persona.sexo}" class="align-center"></td>
								<td th:text="${clienteItem.persona.estadoCivil}" class="align-center"></td>
								<td th:text="${clienteItem.persona.nupcia}" class="align-center"></td>
								<td th:text="${clienteItem.persona.pais}" class="align-center"></td>
								<td th:text="${clienteItem.persona.profesionActividad}" class="align-center"></td>
								<td th:text="${clienteItem.persona.email}" class="align-center"></td>
								<td th:text="${clientes.descEstado(clienteItem.persona.escribano)}" class="align-center"></td>
								<td th:text="${clientes.descEstado(clienteItem.persona.activo)}" class="align-center"></td>
								<td th:text="${clienteItem.persona.registroNro}" class="align-center"></td>
								<td th:text="${clientes.descEstado(clienteItem.activo)}" class="align-center"></td>
								<td class="tabla-operaciones">
									<div class="button-toolbar">
										<winter:ajaxlink 
											id="@{${rowStat.index}+'EditarCliente'}" 
											form="ClientesForm"
											url="@{'/clientes/editarCliente/'+${rowStat.index}}" 
											update="ClientesOutput"
											title="Editar"
											tip="true"
											object="clientes"
											effect="fade"
											showstatus="true"
											immediate="true"
											class="ajax-submit icon-edit-sign icon-2x">
										</winter:ajaxlink>
										<winter:ajaxlink 
											id="@{${rowStat.index}+'EliminarCliente'}" 
											form="ClientesForm"
											url="@{'/clientes/eliminarCliente/'+${rowStat.index}}" 
											update="ClientesOutput"
											title="Eliminar"
											tip="true"
											object="clientes"
											effect="fade"
											showstatus="true"
											immediate="true"
											class="ajax-submit icon-remove-sign icon-2x"
											confirmationrequired="true"
							                confirmationtext="Está seguro que desea realizar la operación?">
										</winter:ajaxlink>
									</div>
								</td>
							</tr>
						</tbody>
					</winter:datatable>
				</winter:output>
				<div th:if="${clientes.context.cliente}" class="regla">
					<div id="CrearEditarCliente" th:include="/admin/cliente :: cliente">
	  				</div>
				</div>					
			</form>
		</winter:output>
	</section>
</body>
</html>